import React from "react";
import styles from "./Index.module.css";
import Mynao from "../../components/Mynao/Index";
import { Dropdown, List } from "antd-mobile";
function Index() {
  return (
    <div className={styles.zhenquan}>
      <div className={styles.nav}>
        <div className={styles.title}>
          <Mynao title="就诊人详情" />
        </div>

        <div>
          <img src="./ewm.png" alt="" />
        </div>
      </div>

      <div className={styles.list}>
        <div className={styles.xinx}>基本信息</div>

        <div style={{ marginLeft: "30px" }}>

          <div
            style={{
              display: "flex",
              alignItems: "center",
              padding: "12px 16px",
              borderBottom: "1px solid #f0f0f0",
            }}
          >
            <span style={{ fontSize: "15px", color: "#333", minWidth: "80px" }}>
              就诊人关系
            </span>
            <div
              style={{
                flex: 1,
                display: "flex",
                alignItems: "center",
                justifyContent: "space-between",
                padding: "8px 12px",
                marginLeft: "16px",
              }}
            >
              <span>本人</span>
              <Dropdown>
                <Dropdown.Item key="relation" title="">
                  <div style={{ padding: 12 }}></div>
                </Dropdown.Item>
              </Dropdown>
            </div>
          </div>

          <div>
            <List>
              <List.Item>
                <span style={{ color: "gray" }}>患者姓名</span>
                <span style={{ marginLeft: "40px" }}>王小柯</span>
              </List.Item>
              <List.Item>
                <span style={{ color: "gray" }}>性别</span>
                <span style={{ marginLeft: "40px" }}>女</span>
              </List.Item>
              <List.Item>
                <span style={{ color: "gray" }}>年龄</span>
                <span style={{ marginLeft: "40px" }}>20岁</span>
              </List.Item>
            </List>
          </div>

          <div
            style={{
              display: "flex",
              alignItems: "center",
              padding: "12px 16px",
              borderBottom: "1px solid #f0f0f0",
            }}
          >
            <span style={{ fontSize: "15px", color: "#333", minWidth: "80px" }}>
              证件类型
            </span>
            <div
              style={{
                flex: 1,
                display: "flex",
                alignItems: "center",
                justifyContent: "space-between",
                padding: "8px 12px",
                marginLeft: "16px",
              }}
            >
              <span>居民身份证</span>
              <Dropdown>
                <Dropdown.Item key="relation" title="">
                  <div style={{ padding: 12 }}></div>
                </Dropdown.Item>
              </Dropdown>
            </div>
          </div>


           <div>
            <List>
              <List.Item>
                <span style={{ color: "gray" }}>证件号</span>
                <span style={{ marginLeft: "40px" }}>34032****1010019</span>
              </List.Item>
              <List.Item>
                <span style={{ color: "gray" }}>联系电话</span>
                <span style={{ marginLeft: "40px" }}>13654544545</span>
              </List.Item>
            </List>
          </div>

          <div
            style={{
              display: "flex",
              alignItems: "center",
              padding: "12px 16px",
              borderBottom: "1px solid #f0f0f0",
            }}
          >
            <span style={{ fontSize: "15px", color: "#333", minWidth: "80px" }}>
              现住址
            </span>
            <div
              style={{
                flex: 1,
                display: "flex",
                alignItems: "center",
                justifyContent: "space-between",
                padding: "8px 12px",
                marginLeft: "16px",
              }}
            >
              <span>四川省-成都市-锦江区</span>
              <Dropdown>
                <Dropdown.Item key="relation" title="">
                  <div style={{ padding: 12 }}></div>
                </Dropdown.Item>
              </Dropdown>
            </div>
          </div>

           <div>
            <List>
              <List.Item>
                <span style={{ color: "gray" }}>现住址详情</span>
                <span style={{ marginLeft: "40px" }}>土豆街520号</span>
              </List.Item>
            </List>
          </div>




        </div>
      </div>
    </div>
  );
}

export default Index;
